
<!DOCTYPE HTML>

<html>

<head>
	<meta charset="utf-8">
	<title>前端艺术</title>
	<meta name="author" content="Nicholas">

	
	<meta name="description" content="Nov 11th, 2013 web 2013电商网站设计（E-Commerce Website Designs 2013） 原文地址：http://www.script-tutorials.com/e-commerce-website-designs-2013/ 译者：子龙山人 继续阅读& &hellip;">
	

  <!-- http://t.co/dKP3o1e -->
  <meta name="HandheldFriendly" content="True">
  <meta name="MobileOptimized" content="320">
  <meta name="viewport" content="width=device-width, initial-scale=1">

	<link href="/atom.xml" rel="alternate" title="前端艺术" type="application/atom+xml">
	
	<link rel="canonical" href="http://xiebaochun.github.io/">
	<link href="/favicon.png" rel="shortcut icon">
	<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
	<link href="/stylesheets/font-awesome.min.css" media="screen, projection" rel="stylesheet" type="text/css">
	<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700' rel='stylesheet' type='text/css'>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<!--Fonts from Google"s Web font directory at http://google.com/webfonts -->
<link href="http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">

</head>


<body>
	<div class="container">
		<div class="left-col">
			<div class="intrude-less">
			<header id="header" class="inner"><div class="profilepic">
<!--the weather pugin-->
    <script defer src="http://julying.com/lab/weather/v3/jquery.weather.build.min.js?parentbox=body&moveArea=all&zIndex=1&move=1&drag=1&autoDrop=1&styleSize=big&style=_random&area=client&city=%E5%8C%97%E4%BA%AC"></script>
	<script src="/javascripts/md5.js"></script>
	<script type="text/javascript">
		$(function(){
			$('.profilepic').append("<img src='https://si0.twimg.com/profile_images/378800000316979686/061b0d73fe1b9cc3a643a68bcb077161.jpeg' alt='Profile Picture' style='width: 160px;' />");
		});
	</script>
</div>
<hgroup>
  <h1><a href="/">前端艺术</a></h1>
  
    <h2>one blog for games.</h2>
  
</hgroup>

<nav id="main-nav"><ul class="main-navigation">
  <li><a href="/">Home</a></li>
  <li><a href="/blog/archives">Archives</a></li>
  <li><a href="http://www.juerry.com/index.html">my lab</a></li>
</ul>


<section class="aboutme">
  <p>
    专注于移动开发
  </p>
</section>
</nav>
<nav id="sub-nav">
	<div class="social">
		
		
		
		<a class="twitter" href="http://twitter.com/xiebaochun" title="Twitter">Twitter</a>
		
		
		<a class="github" href="https://github.com/xiebaochun" title="GitHub">GitHub</a>
		
		
		
		
		
		
		
		
		<a class="rss" href="/atom.xml" title="RSS">RSS</a>
		
	</div>
</nav>
<section>
  <h1>Categories</h1>
    <ul id="category-list"><li><a href='/blog/categories/ios/'>ios (2)</a></li><li><a href='/blog/categories/other/'>other (14)</a></li><li><a href='/blog/categories/web/'>web (23)</a></li></ul>
</section>

</header>				
			</div>
		</div>	
		<div class="mid-col">
			
				
			
			<div class="mid-col-container">
				<div id="content" class="inner">
<div itemscope itemtype="http://schema.org/Blog">


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-11-11T14:00:00+08:00" data-updated="true" itemprop="datePublished">Nov 11<span>th</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/web/'>web</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/11/11/e-commerce-website-designs-2013/" itemprop="url">2013电商网站设计（E-Commerce Website Designs 2013）</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<p><img src="http://www.script-tutorials.com/demos/365/thumb.png" alt="" /></p>

<p>原文地址：<a href="http://www.script-tutorials.com/e-commerce-website-designs-2013/">http://www.script-tutorials.com/e-commerce-website-designs-2013/</a></p>

<p>译者：子龙山人</p>


		
		<a href="/blog/2013/11/11/e-commerce-website-designs-2013/" class="more-link">继续阅读&rarr;</a>
	</div>

</article>


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-11-04T14:39:00+08:00" data-updated="true" itemprop="datePublished">Nov 4<span>th</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/web/'>web</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/11/04/whirling-css3-dropdown-menu/" itemprop="url">制作旋转CSS3下拉菜单（whirling CSS3 Dropdown Menu）</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<p><img src="http://www.script-tutorials.com/demos/364/thumb.png" alt="" /></p>

<p>原文地址：<a href="http://www.script-tutorials.com/whirling-dropdown-menu/">http://www.script-tutorials.com/whirling-dropdown-menu/</a></p>

<p>译者：<a href="http://xiebaochun.github.io/">晋文格墨</a></p>


		
		<a href="/blog/2013/11/04/whirling-css3-dropdown-menu/" class="more-link">继续阅读&rarr;</a>
	</div>

</article>


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-10-30T16:54:00+08:00" data-updated="true" itemprop="datePublished">Oct 30<span>th</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/web/'>web</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/10/30/learning-sites-collection/" itemprop="url">（学习网址大全）learning Sites Collection</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<p>更新by：me</p>


		
		<a href="/blog/2013/10/30/learning-sites-collection/" class="more-link">继续阅读&rarr;</a>
	</div>

</article>


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-10-30T11:02:00+08:00" data-updated="true" itemprop="datePublished">Oct 30<span>th</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/web/'>web</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/10/30/html5-audio-player-with-playlist/" itemprop="url">制作HTML5音频播放器（HTML5 Audio Player With Playlist）</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<p><img src="http://www.script-tutorials.com/demos/363/thumb.png" alt="" /></p>

<p>原文：<a href="http://www.script-tutorials.com/html5-audio-player-with-playlist/">http://www.script-tutorials.com/html5-audio-player-with-playlist/</a></p>

<p>译者：<a href="http://xiebaochun.github.io/">晋文格墨</a></p>


		
		<a href="/blog/2013/10/30/html5-audio-player-with-playlist/" class="more-link">继续阅读&rarr;</a>
	</div>

</article>


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-10-22T17:13:00+08:00" data-updated="true" itemprop="datePublished">Oct 22<span>nd</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/web/'>web</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/10/22/unifying-touch-and-mouse-how-pointer-envents-will-make-cross-browser-touch-support-easy/" itemprop="url">Unifying Touch and Mouse:how Pointer Envents Will Make Cross-browser Touch Support Easy</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<p><img src="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-10-46-metablogapi/4300.clip_5F00_image001_5F00_thumb_5F00_4E7D303E.png" alt="" /></p>

<p>原文地址：<a href="http://blogs.msdn.com/b/davrous/archive/2013/10/21/handling-touch-in-your-html5-apps-thanks-to-the-pointer-events-of-ie10-and-windows-8.aspx">http://blogs.msdn.com/b/davrous/archive/2013/10/21/handling-touch-in-your-html5-apps-thanks-to-the-pointer-events-of-ie10-and-windows-8.aspx</a></p>

<p>译者：晋文格墨</p>

<p>注：译者水平有限，请批评斧正。</p>

<p>我经常听到这样的问题”手机和平板上这么多触控功能，我要从哪开始着手研究”,还有“开发一个触控输入最简单的方法是什么？”答案是：“很复杂。”</p>


		
		<a href="/blog/2013/10/22/unifying-touch-and-mouse-how-pointer-envents-will-make-cross-browser-touch-support-easy/" class="more-link">继续阅读&rarr;</a>
	</div>

</article>


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-10-17T14:37:00+08:00" data-updated="true" itemprop="datePublished">Oct 17<span>th</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/web/'>web</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/10/17/getting-cursor-position-in-a-canvas-without-jquery/" itemprop="url">获取Canvas里的鼠标位置，不使用jquery</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<p><img src="" alt="" /></p>

<p>在写canvas游戏时，为了获取鼠标在canvas里的位置信息，这里有两种方法。

		
		<a href="/blog/2013/10/17/getting-cursor-position-in-a-canvas-without-jquery/" class="more-link">继续阅读&rarr;</a>
	</div>

</article>


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-10-16T15:23:00+08:00" data-updated="true" itemprop="datePublished">Oct 16<span>th</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/ios/'>ios</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/10/16/memory-management-of-jsb/" itemprop="url">JSB内存管理（Memory Management of JSB）</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<p>原文地址：<a href="http://www.cocos2d-x.org/wiki/Memory_Management_of_JSB">http://www.cocos2d-x.org/wiki/Memory_Management_of_JSB</a></p>

<p>译者：晋文格墨 </p>

<p>注：因译者水平有限，如有错误，请批评指正。</p>

<h2 id="jsb">JSB的内存管理</h2>

<p>基于Cocos2d-x 2.15,但同样适用于Cocos2d-x 3.0。</p>

<h3 id="jsb-1">JSB对象的生命周期</h3>

<p>总所周知，javascript有自己的内存管理机制，即垃圾回收。Cocos2d-x模拟垃圾回收系统来管理Cocos对象。但这里有一个问题，就是将Cocos2d-x对象绑定到javascript对象时由谁负责内存管理。

		
		<a href="/blog/2013/10/16/memory-management-of-jsb/" class="more-link">继续阅读&rarr;</a>
	</div>

</article>


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-10-16T09:00:00+08:00" data-updated="true" itemprop="datePublished">Oct 16<span>th</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/ios/'>ios</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/10/16/cocos2d-x-tutorial-making-a-universal-app-part-1/" itemprop="url">Cocos2D-X教程1：制作一个打地鼠游戏（Cocos2D-X Tutorial:Making a Universal App:Part 1）</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<p><img src="http://cdn2.raywenderlich.com/wp-content/uploads/2011/01/WhackAMole1.jpg" alt="" /></p>

<p>击打这个地鼠！</p>

<p>原文地址：<a href="http://www.raywenderlich.com/48180/cocos2d-x-tutorial-making-a-universal-app-part-1">http://www.raywenderlich.com/48180/cocos2d-x-tutorial-making-a-universal-app-part-1</a></p>

<p>译者：晋文格墨   </p>

<p>注：译者水平有限，如有错误，请批评斧正。</p>

<p>本教程介绍的是如何使用Cocos2D-iPhone创建一个打地鼠游戏，但是为什么要费这么大力气创建一个Cocos2D-X版本的呢？我认为有以下几个原因：

		
		<a href="/blog/2013/10/16/cocos2d-x-tutorial-making-a-universal-app-part-1/" class="more-link">继续阅读&rarr;</a>
	</div>

</article>


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-10-15T16:41:00+08:00" data-updated="true" itemprop="datePublished">Oct 15<span>th</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/web/'>web</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/10/15/win-3-lifetime-licenses-at-simplemaps/" itemprop="url">在SimpleMaps上赢取3个终身证书（win 3 Lifetime Licenses at Simplemaps）</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<p><img src="http://www.script-tutorials.com/demos/ga/simplemaps/simplemaps.png" alt="" /></p>

<p>SimpleMaps.com将对任何独立的HTML5 maps提供三个终身证书(价格：$79到￥199）。如果你在工程里要使用到地图，那么这将是你的福音。你可以通过编辑一个简单的文件来自定义地图。不需要任何HTML5,Flash，或者JavaScript的知识。一步一步参考文档让安装更加容易。而且它将使用与移动设备：HTML5地图在iphone,android,ipads和其他平板设备上都可以正常显示。此地图会自动检测移动设备并将导航调整为最佳布局。

		
		<a href="/blog/2013/10/15/win-3-lifetime-licenses-at-simplemaps/" class="more-link">继续阅读&rarr;</a>
	</div>

</article>


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-10-15T10:30:00+08:00" data-updated="true" itemprop="datePublished">Oct 15<span>th</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/web/'>web</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/10/15/coding-conventions-in-web-development/" itemprop="url">(Web开发的编程习惯）coding Conventions in Web Development</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<p><img src="http://www.script-tutorials.com/demos/362/thumb.png" alt="" /></p>

<p>今天我要讨论的是一些编程习惯。每个人编程时间长了都会遇到编写代码风格的统一问题。我觉得每个人都会遇到这样的问题，就是不同的工程可以使用不同的规则和风格来编写，并且有时会很遇到很多麻烦，以至于你想要一些统一的编写规范。换句话说，编程习惯就是某种特定语言推荐的编程风格，方法和实践。这些习惯一般包括注释，文件结构管理，缩进，声明，空格，命名习惯，编程习惯和原则等。我们建议你遵循这些规则，他将会帮助你提高代码的可读性和易维护性。

		
		<a href="/blog/2013/10/15/coding-conventions-in-web-development/" class="more-link">继续阅读&rarr;</a>
	</div>

</article>

</div>
<nav id="pagenavi">
    
    
        <a href="/blog/page/2/" class="next">Next</a>
    
    <div class="center"><a href="/blog/archives">Blog Archives</a></div>
</nav></div>
			</div>
			<footer id="footer" class="inner"><p>
  Copyright &copy; 2014 - Nicholas -
  <span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
</p>

Design credit: <a href="http://shashankmehta.in/archive/2012/greyshade.html">Shashank Mehta</a></footer>
			







  <script type="text/javascript">
    (function(){
      var twitterWidgets = document.createElement('script');
      twitterWidgets.type = 'text/javascript';
      twitterWidgets.async = true;
      twitterWidgets.src = '//platform.twitter.com/widgets.js';
      document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
    })();
  </script>





		</div>
	</div>
</body>
</html>
